*, *:after, *:before
  -webkit-box-sizing border-box
  -moz-box-sizing border-box
  box-sizing border-box

body, html
  font-size 100%
  padding 0
  margin 0
  height 100%

.clearfix:before, .clearfix:after
  content " "
  display table

.clearfix
  &:after
    clear both

a
  color #555
  text-decoration none
  outline none
  img
    border none

a:hover,
a:active
  color #777

@font-face
  font-family 'FontAwesome'
  font-weight normal
  font-style normal

.fa
  display inline-block
  font normal normal normal 14px/1 FontAwesome
  font-size inherit
  text-rendering auto
  -webkit-font-smoothing antialiased
  -moz-osx-font-smoothing grayscale
  &.pull-left
    margin-right .3em
  &.pull-right
    margin-left .3em

.fa-lg
  font-size 1.33333333em
  line-height .75em
  vertical-align -15%

.fa-2x
  font-size 2em

.fa-3x
  font-size 3em

.fa-4x
  font-size 4em

.fa-5x
  font-size 5em

.fa-fw
  width 1.28571429em
  text-align center

.fa-ul
  padding-left 0
  margin-left 2.14285714em
  list-style-type none
  & > li
    position relative

.fa-li
  position absolute
  left -2.14285714em
  width 2.14285714em
  top .14285714em
  text-align center
  &.fa-lg
    left -1.85714286em

.fa-border
  padding .2em .25em .15em
  border solid .08em #eee
  border-radius .1em

.pull-right
  float right

.pull-left
  float left

.fa-spin
  -webkit-animation: fa-spin 2s infinite linear
  animation: fa-spin 2s infinite linear
  
@-webkit-keyframes fa-spin
  0%{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);}
  100%{
  -webkit-transform: rotate(359deg);
  transform: rotate(359deg);}

@keyframes fa-spin
  0%{-webkit-transform: rotate(0deg);
    transform: rotate(0deg);}
  100%{
  -webkit-transform: rotate(359deg);
  transform: rotate(359deg);}
  
.fa-rotate-90
  filter unquote('progid:DXImageTransform.Microsoft.BasicImage(rotation=1)')
  -webkit-transform: rotate(90deg)
  -ms-transform: rotate(90deg)
  transform: rotate(90deg)

.fa-rotate-180
  filter unquote('progid:DXImageTransform.Microsoft.BasicImage(rotation=2)')
  -webkit-transform rotate(180deg)
  -ms-transform rotate(180deg)
  transform rotate(180deg)

.fa-rotate-270
  filter unquote('progid:DXImageTransform.Microsoft.BasicImage(rotation=3)')
  -webkit-transform rotate(270deg)
  -ms-transform rotate(270deg)
  transform rotate(270deg)

.fa-flip-horizontal
  filter unquote('progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)')
  -webkit-transform scale(-1, 1)
  -ms-transform scale(-1, 1)
  transform scale(-1, 1)

.fa-flip-vertical
  filter unquote('progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)')
  -webkit-transform scale(1, -1)
  -ms-transform scale(1, -1)
  transform scale(1, -1)
  
:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical
  filter none
.fa-stack
  position relative
  display inline-block
  width 2em
  height 2em
  line-height 2em
  vertical-align middle

.fa-stack-1x,.fa-stack-2x
  position absolute
  left 0
  width 100%
  text-align center

.fa-stack-1x
  line-height inherit

.fa-stack-2x
  font-size 2em

.fa-inverse
  color #fff

.fa-glass
  &:before
    content "\f000"

.fa-music
  &:before
    content "\f001"

.fa-search
  &:before
    content "\f002"

.fa-envelope-o
  &:before
    content "\f003"

.fa-heart
  &:before
    content "\f004"

.fa-star
  &:before
    content "\f005"

.fa-star-o
  &:before
    content "\f006"

.fa-user
  &:before
    content "\f007"

.fa-film
  &:before
    content "\f008"

.fa-th-large
  &:before
    content "\f009"

.fa-th
  &:before
    content "\f00a"

.fa-th-list
  &:before
    content "\f00b"

.fa-check
  &:before
    content "\f00c"

.fa-remove:before,.fa-close:before,.fa-times:before
  content "\f00d"

.fa-search-plus
  &:before
    content "\f00e"

.fa-search-minus
  &:before
    content "\f010"

.fa-power-off
  &:before
    content "\f011"

.fa-signal
  &:before
    content "\f012"

.fa-gear:before,.fa-cog:before
  content "\f013"

.fa-trash-o
  &:before
    content "\f014"

.fa-home
  &:before
    content "\f015"

.fa-file-o
  &:before
    content "\f016"

.fa-clock-o
  &:before
    content "\f017"

.fa-road
  &:before
    content "\f018"

.fa-download
  &:before
    content "\f019"

.fa-arrow-circle-o-down
  &:before
    content "\f01a"

.fa-arrow-circle-o-up
  &:before
    content "\f01b"

.fa-inbox
  &:before
    content "\f01c"

.fa-play-circle-o
  &:before
    content "\f01d"

.fa-rotate-right:before,.fa-repeat:before
  content "\f01e"

.fa-refresh
  &:before
    content "\f021"

.fa-list-alt
  &:before
    content "\f022"

.fa-lock
  &:before
    content "\f023"

.fa-flag
  &:before
    content "\f024"

.fa-headphones
  &:before
    content "\f025"

.fa-volume-off
  &:before
    content "\f026"

.fa-volume-down
  &:before
    content "\f027"

.fa-volume-up
  &:before
    content "\f028"

.fa-qrcode
  &:before
    content "\f029"

.fa-barcode
  &:before
    content "\f02a"

.fa-tag
  &:before
    content "\f02b"

.fa-tags
  &:before
    content "\f02c"

.fa-book
  &:before
    content "\f02d"

.fa-bookmark
  &:before
    content "\f02e"

.fa-print
  &:before
    content "\f02f"

.fa-camera
  &:before
    content "\f030"

.fa-font
  &:before
    content "\f031"

.fa-bold
  &:before
    content "\f032"

.fa-italic
  &:before
    content "\f033"

.fa-text-height
  &:before
    content "\f034"

.fa-text-width
  &:before
    content "\f035"

.fa-align-left
  &:before
    content "\f036"

.fa-align-center
  &:before
    content "\f037"

.fa-align-right
  &:before
    content "\f038"

.fa-align-justify
  &:before
    content "\f039"

.fa-list
  &:before
    content "\f03a"

.fa-dedent:before,.fa-outdent:before
  content "\f03b"

.fa-indent
  &:before
    content "\f03c"

.fa-video-camera
  &:before
    content "\f03d"

.fa-photo:before,.fa-image:before,.fa-picture-o:before
  content "\f03e"

.fa-pencil
  &:before
    content "\f040"

.fa-map-marker
  &:before
    content "\f041"

.fa-adjust
  &:before
    content "\f042"

.fa-tint
  &:before
    content "\f043"

.fa-edit:before,.fa-pencil-square-o:before
  content "\f044"

.fa-share-square-o
  &:before
    content "\f045"

.fa-check-square-o
  &:before
    content "\f046"

.fa-arrows
  &:before
    content "\f047"

.fa-step-backward
  &:before
    content "\f048"

.fa-fast-backward
  &:before
    content "\f049"

.fa-backward
  &:before
    content "\f04a"

.fa-play
  &:before
    content "\f04b"

.fa-pause
  &:before
    content "\f04c"

.fa-stop
  &:before
    content "\f04d"

.fa-forward
  &:before
    content "\f04e"

.fa-fast-forward
  &:before
    content "\f050"

.fa-step-forward
  &:before
    content "\f051"

.fa-eject
  &:before
    content "\f052"

.fa-chevron-left
  &:before
    content "\f053"

.fa-chevron-right
  &:before
    content "\f054"

.fa-plus-circle
  &:before
    content "\f055"

.fa-minus-circle
  &:before
    content "\f056"

.fa-times-circle
  &:before
    content "\f057"

.fa-check-circle
  &:before
    content "\f058"

.fa-question-circle
  &:before
    content "\f059"

.fa-info-circle
  &:before
    content "\f05a"

.fa-crosshairs
  &:before
    content "\f05b"

.fa-times-circle-o
  &:before
    content "\f05c"

.fa-check-circle-o
  &:before
    content "\f05d"

.fa-ban
  &:before
    content "\f05e"

.fa-arrow-left
  &:before
    content "\f060"

.fa-arrow-right
  &:before
    content "\f061"

.fa-arrow-up
  &:before
    content "\f062"

.fa-arrow-down
  &:before
    content "\f063"

.fa-mail-forward:before,.fa-share:before
  content "\f064"

.fa-expand
  &:before
    content "\f065"

.fa-compress
  &:before
    content "\f066"

.fa-plus
  &:before
    content "\f067"

.fa-minus
  &:before
    content "\f068"

.fa-asterisk
  &:before
    content "\f069"

.fa-exclamation-circle
  &:before
    content "\f06a"

.fa-gift
  &:before
    content "\f06b"

.fa-leaf
  &:before
    content "\f06c"

.fa-fire
  &:before
    content "\f06d"

.fa-eye
  &:before
    content "\f06e"

.fa-eye-slash
  &:before
    content "\f070"

.fa-warning:before,.fa-exclamation-triangle:before
  content "\f071"

.fa-plane
  &:before
    content "\f072"

.fa-calendar
  &:before
    content "\f073"

.fa-random
  &:before
    content "\f074"

.fa-comment
  &:before
    content "\f075"

.fa-magnet
  &:before
    content "\f076"

.fa-chevron-up
  &:before
    content "\f077"

.fa-chevron-down
  &:before
    content "\f078"

.fa-retweet
  &:before
    content "\f079"

.fa-shopping-cart
  &:before
    content "\f07a"

.fa-folder
  &:before
    content "\f07b"

.fa-folder-open
  &:before
    content "\f07c"

.fa-arrows-v
  &:before
    content "\f07d"

.fa-arrows-h
  &:before
    content "\f07e"

.fa-bar-chart-o:before,.fa-bar-chart:before
  content "\f080"

.fa-twitter-square
  &:before
    content "\f081"

.fa-facebook-square
  &:before
    content "\f082"

.fa-camera-retro
  &:before
    content "\f083"

.fa-key
  &:before
    content "\f084"

.fa-gears:before,.fa-cogs:before
  content "\f085"

.fa-comments
  &:before
    content "\f086"

.fa-thumbs-o-up
  &:before
    content "\f087"

.fa-thumbs-o-down
  &:before
    content "\f088"

.fa-star-half
  &:before
    content "\f089"

.fa-heart-o
  &:before
    content "\f08a"

.fa-sign-out
  &:before
    content "\f08b"

.fa-linkedin-square
  &:before
    content "\f08c"

.fa-thumb-tack
  &:before
    content "\f08d"

.fa-external-link
  &:before
    content "\f08e"

.fa-sign-in
  &:before
    content "\f090"

.fa-trophy
  &:before
    content "\f091"

.fa-github-square
  &:before
    content "\f092"

.fa-upload
  &:before
    content "\f093"

.fa-lemon-o
  &:before
    content "\f094"

.fa-phone
  &:before
    content "\f095"

.fa-square-o
  &:before
    content "\f096"

.fa-bookmark-o
  &:before
    content "\f097"

.fa-phone-square
  &:before
    content "\f098"

.fa-twitter
  &:before
    content "\f099"

.fa-facebook
  &:before
    content "\f09a"

.fa-github
  &:before
    content "\f09b"

.fa-unlock
  &:before
    content "\f09c"

.fa-credit-card
  &:before
    content "\f09d"

.fa-rss
  &:before
    content "\f09e"

.fa-hdd-o
  &:before
    content "\f0a0"

.fa-bullhorn
  &:before
    content "\f0a1"

.fa-bell
  &:before
    content "\f0f3"

.fa-certificate
  &:before
    content "\f0a3"

.fa-hand-o-right
  &:before
    content "\f0a4"

.fa-hand-o-left
  &:before
    content "\f0a5"

.fa-hand-o-up
  &:before
    content "\f0a6"

.fa-hand-o-down
  &:before
    content "\f0a7"

.fa-arrow-circle-left
  &:before
    content "\f0a8"

.fa-arrow-circle-right
  &:before
    content "\f0a9"

.fa-arrow-circle-up
  &:before
    content "\f0aa"

.fa-arrow-circle-down
  &:before
    content "\f0ab"

.fa-globe
  &:before
    content "\f0ac"

.fa-wrench
  &:before
    content "\f0ad"

.fa-tasks
  &:before
    content "\f0ae"

.fa-filter
  &:before
    content "\f0b0"

.fa-briefcase
  &:before
    content "\f0b1"

.fa-arrows-alt
  &:before
    content "\f0b2"

.fa-group:before,.fa-users:before
  content "\f0c0"

.fa-chain:before,.fa-link:before
  content "\f0c1"

.fa-cloud
  &:before
    content "\f0c2"

.fa-flask
  &:before
    content "\f0c3"

.fa-cut:before,.fa-scissors:before
  content "\f0c4"

.fa-copy:before,.fa-files-o:before
  content "\f0c5"

.fa-paperclip
  &:before
    content "\f0c6"

.fa-save:before,.fa-floppy-o:before
  content "\f0c7"

.fa-square
  &:before
    content "\f0c8"

.fa-navicon:before,.fa-reorder:before,.fa-bars:before
  content "\f0c9"

.fa-list-ul
  &:before
    content "\f0ca"

.fa-list-ol
  &:before
    content "\f0cb"

.fa-strikethrough
  &:before
    content "\f0cc"

.fa-underline
  &:before
    content "\f0cd"

.fa-table
  &:before
    content "\f0ce"

.fa-magic
  &:before
    content "\f0d0"

.fa-truck
  &:before
    content "\f0d1"

.fa-pinterest
  &:before
    content "\f0d2"

.fa-pinterest-square
  &:before
    content "\f0d3"

.fa-google-plus-square
  &:before
    content "\f0d4"

.fa-google-plus
  &:before
    content "\f0d5"

.fa-money
  &:before
    content "\f0d6"

.fa-caret-down
  &:before
    content "\f0d7"

.fa-caret-up
  &:before
    content "\f0d8"

.fa-caret-left
  &:before
    content "\f0d9"

.fa-caret-right
  &:before
    content "\f0da"

.fa-columns
  &:before
    content "\f0db"

.fa-unsorted:before,.fa-sort:before
  content "\f0dc"

.fa-sort-down:before,.fa-sort-desc:before
  content "\f0dd"

.fa-sort-up:before,.fa-sort-asc:before
  content "\f0de"

.fa-envelope
  &:before
    content "\f0e0"

.fa-linkedin
  &:before
    content "\f0e1"

.fa-rotate-left:before,.fa-undo:before
  content "\f0e2"

.fa-legal:before,.fa-gavel:before
  content "\f0e3"

.fa-dashboard:before,.fa-tachometer:before
  content "\f0e4"

.fa-comment-o
  &:before
    content "\f0e5"

.fa-comments-o
  &:before
    content "\f0e6"

.fa-flash:before,.fa-bolt:before
  content "\f0e7"

.fa-sitemap
  &:before
    content "\f0e8"

.fa-umbrella
  &:before
    content "\f0e9"

.fa-paste:before,.fa-clipboard:before
  content "\f0ea"

.fa-lightbulb-o
  &:before
    content "\f0eb"

.fa-exchange
  &:before
    content "\f0ec"

.fa-cloud-download
  &:before
    content "\f0ed"

.fa-cloud-upload
  &:before
    content "\f0ee"

.fa-user-md
  &:before
    content "\f0f0"

.fa-stethoscope
  &:before
    content "\f0f1"

.fa-suitcase
  &:before
    content "\f0f2"

.fa-bell-o
  &:before
    content "\f0a2"

.fa-coffee
  &:before
    content "\f0f4"

.fa-cutlery
  &:before
    content "\f0f5"

.fa-file-text-o
  &:before
    content "\f0f6"

.fa-building-o
  &:before
    content "\f0f7"

.fa-hospital-o
  &:before
    content "\f0f8"

.fa-ambulance
  &:before
    content "\f0f9"

.fa-medkit
  &:before
    content "\f0fa"

.fa-fighter-jet
  &:before
    content "\f0fb"

.fa-beer
  &:before
    content "\f0fc"

.fa-h-square
  &:before
    content "\f0fd"

.fa-plus-square
  &:before
    content "\f0fe"

.fa-angle-double-left
  &:before
    content "\f100"

.fa-angle-double-right
  &:before
    content "\f101"

.fa-angle-double-up
  &:before
    content "\f102"

.fa-angle-double-down
  &:before
    content "\f103"

.fa-angle-left
  &:before
    content "\f104"

.fa-angle-right
  &:before
    content "\f105"

.fa-angle-up
  &:before
    content "\f106"

.fa-angle-down
  &:before
    content "\f107"

.fa-desktop
  &:before
    content "\f108"

.fa-laptop
  &:before
    content "\f109"

.fa-tablet
  &:before
    content "\f10a"

.fa-mobile-phone:before,.fa-mobile:before
  content "\f10b"

.fa-circle-o
  &:before
    content "\f10c"

.fa-quote-left
  &:before
    content "\f10d"

.fa-quote-right
  &:before
    content "\f10e"

.fa-spinner
  &:before
    content "\f110"

.fa-circle
  &:before
    content "\f111"

.fa-mail-reply:before,.fa-reply:before
  content "\f112"

.fa-github-alt
  &:before
    content "\f113"

.fa-folder-o
  &:before
    content "\f114"

.fa-folder-open-o
  &:before
    content "\f115"

.fa-smile-o
  &:before
    content "\f118"

.fa-frown-o
  &:before
    content "\f119"

.fa-meh-o
  &:before
    content "\f11a"

.fa-gamepad
  &:before
    content "\f11b"

.fa-keyboard-o
  &:before
    content "\f11c"

.fa-flag-o
  &:before
    content "\f11d"

.fa-flag-checkered
  &:before
    content "\f11e"

.fa-terminal
  &:before
    content "\f120"

.fa-code
  &:before
    content "\f121"

.fa-mail-reply-all:before,.fa-reply-all:before
  content "\f122"

.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before
  content "\f123"

.fa-location-arrow
  &:before
    content "\f124"

.fa-crop
  &:before
    content "\f125"

.fa-code-fork
  &:before
    content "\f126"

.fa-unlink:before,.fa-chain-broken:before
  content "\f127"

.fa-question
  &:before
    content "\f128"

.fa-info
  &:before
    content "\f129"

.fa-exclamation
  &:before
    content "\f12a"

.fa-superscript
  &:before
    content "\f12b"

.fa-subscript
  &:before
    content "\f12c"

.fa-eraser
  &:before
    content "\f12d"

.fa-puzzle-piece
  &:before
    content "\f12e"

.fa-microphone
  &:before
    content "\f130"

.fa-microphone-slash
  &:before
    content "\f131"

.fa-shield
  &:before
    content "\f132"

.fa-calendar-o
  &:before
    content "\f133"

.fa-fire-extinguisher
  &:before
    content "\f134"

.fa-rocket
  &:before
    content "\f135"

.fa-maxcdn
  &:before
    content "\f136"

.fa-chevron-circle-left
  &:before
    content "\f137"

.fa-chevron-circle-right
  &:before
    content "\f138"

.fa-chevron-circle-up
  &:before
    content "\f139"

.fa-chevron-circle-down
  &:before
    content "\f13a"

.fa-html5
  &:before
    content "\f13b"

.fa-css3
  &:before
    content "\f13c"

.fa-anchor
  &:before
    content "\f13d"

.fa-unlock-alt
  &:before
    content "\f13e"

.fa-bullseye
  &:before
    content "\f140"

.fa-ellipsis-h
  &:before
    content "\f141"

.fa-ellipsis-v
  &:before
    content "\f142"

.fa-rss-square
  &:before
    content "\f143"

.fa-play-circle
  &:before
    content "\f144"

.fa-ticket
  &:before
    content "\f145"

.fa-minus-square
  &:before
    content "\f146"

.fa-minus-square-o
  &:before
    content "\f147"

.fa-level-up
  &:before
    content "\f148"

.fa-level-down
  &:before
    content "\f149"

.fa-check-square
  &:before
    content "\f14a"

.fa-pencil-square
  &:before
    content "\f14b"

.fa-external-link-square
  &:before
    content "\f14c"

.fa-share-square
  &:before
    content "\f14d"

.fa-compass
  &:before
    content "\f14e"

.fa-toggle-down:before,.fa-caret-square-o-down:before
  content "\f150"

.fa-toggle-up:before,.fa-caret-square-o-up:before
  content "\f151"

.fa-toggle-right:before,.fa-caret-square-o-right:before
  content "\f152"

.fa-euro:before,.fa-eur:before
  content "\f153"

.fa-gbp
  &:before
    content "\f154"

.fa-dollar:before,.fa-usd:before
  content "\f155"

.fa-rupee:before,.fa-inr:before
  content "\f156"

.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before
  content "\f157"

.fa-ruble:before,.fa-rouble:before,.fa-rub:before
  content "\f158"

.fa-won:before,.fa-krw:before
  content "\f159"

.fa-bitcoin:before,.fa-btc:before
  content "\f15a"

.fa-file
  &:before
    content "\f15b"

.fa-file-text
  &:before
    content "\f15c"

.fa-sort-alpha-asc
  &:before
    content "\f15d"

.fa-sort-alpha-desc
  &:before
    content "\f15e"

.fa-sort-amount-asc
  &:before
    content "\f160"

.fa-sort-amount-desc
  &:before
    content "\f161"

.fa-sort-numeric-asc
  &:before
    content "\f162"

.fa-sort-numeric-desc
  &:before
    content "\f163"

.fa-thumbs-up
  &:before
    content "\f164"

.fa-thumbs-down
  &:before
    content "\f165"

.fa-youtube-square
  &:before
    content "\f166"

.fa-youtube
  &:before
    content "\f167"

.fa-xing
  &:before
    content "\f168"

.fa-xing-square
  &:before
    content "\f169"

.fa-youtube-play
  &:before
    content "\f16a"

.fa-dropbox
  &:before
    content "\f16b"

.fa-stack-overflow
  &:before
    content "\f16c"

.fa-instagram
  &:before
    content "\f16d"

.fa-flickr
  &:before
    content "\f16e"

.fa-adn
  &:before
    content "\f170"

.fa-bitbucket
  &:before
    content "\f171"

.fa-bitbucket-square
  &:before
    content "\f172"

.fa-tumblr
  &:before
    content "\f173"

.fa-tumblr-square
  &:before
    content "\f174"

.fa-long-arrow-down
  &:before
    content "\f175"

.fa-long-arrow-up
  &:before
    content "\f176"

.fa-long-arrow-left
  &:before
    content "\f177"

.fa-long-arrow-right
  &:before
    content "\f178"

.fa-apple
  &:before
    content "\f179"

.fa-windows
  &:before
    content "\f17a"

.fa-android
  &:before
    content "\f17b"

.fa-linux
  &:before
    content "\f17c"

.fa-dribbble
  &:before
    content "\f17d"

.fa-skype
  &:before
    content "\f17e"

.fa-foursquare
  &:before
    content "\f180"

.fa-trello
  &:before
    content "\f181"

.fa-female
  &:before
    content "\f182"

.fa-male
  &:before
    content "\f183"

.fa-gittip
  &:before
    content "\f184"

.fa-sun-o
  &:before
    content "\f185"

.fa-moon-o
  &:before
    content "\f186"

.fa-archive
  &:before
    content "\f187"

.fa-bug
  &:before
    content "\f188"

.fa-vk
  &:before
    content "\f189"

.fa-weibo
  &:before
    content "\f18a"

.fa-renren
  &:before
    content "\f18b"

.fa-pagelines
  &:before
    content "\f18c"

.fa-stack-exchange
  &:before
    content "\f18d"

.fa-arrow-circle-o-right
  &:before
    content "\f18e"

.fa-arrow-circle-o-left
  &:before
    content "\f190"

.fa-toggle-left:before,.fa-caret-square-o-left:before
  content "\f191"

.fa-dot-circle-o
  &:before
    content "\f192"

.fa-wheelchair
  &:before
    content "\f193"

.fa-vimeo-square
  &:before
    content "\f194"

.fa-turkish-lira:before,.fa-try:before
  content "\f195"

.fa-plus-square-o
  &:before
    content "\f196"

.fa-space-shuttle
  &:before
    content "\f197"

.fa-slack
  &:before
    content "\f198"

.fa-envelope-square
  &:before
    content "\f199"

.fa-wordpress
  &:before
    content "\f19a"

.fa-openid
  &:before
    content "\f19b"

.fa-institution:before,.fa-bank:before,.fa-university:before
  content "\f19c"

.fa-mortar-board:before,.fa-graduation-cap:before
  content "\f19d"

.fa-yahoo
  &:before
    content "\f19e"

.fa-google
  &:before
    content "\f1a0"

.fa-reddit
  &:before
    content "\f1a1"

.fa-reddit-square
  &:before
    content "\f1a2"

.fa-stumbleupon-circle
  &:before
    content "\f1a3"

.fa-stumbleupon
  &:before
    content "\f1a4"

.fa-delicious
  &:before
    content "\f1a5"

.fa-digg
  &:before
    content "\f1a6"

.fa-pied-piper
  &:before
    content "\f1a7"

.fa-pied-piper-alt
  &:before
    content "\f1a8"

.fa-drupal
  &:before
    content "\f1a9"

.fa-joomla
  &:before
    content "\f1aa"

.fa-language
  &:before
    content "\f1ab"

.fa-fax
  &:before
    content "\f1ac"

.fa-building
  &:before
    content "\f1ad"

.fa-child
  &:before
    content "\f1ae"

.fa-paw
  &:before
    content "\f1b0"

.fa-spoon
  &:before
    content "\f1b1"

.fa-cube
  &:before
    content "\f1b2"

.fa-cubes
  &:before
    content "\f1b3"

.fa-behance
  &:before
    content "\f1b4"

.fa-behance-square
  &:before
    content "\f1b5"

.fa-steam
  &:before
    content "\f1b6"

.fa-steam-square
  &:before
    content "\f1b7"

.fa-recycle
  &:before
    content "\f1b8"

.fa-automobile:before,.fa-car:before
  content "\f1b9"

.fa-cab:before,.fa-taxi:before
  content "\f1ba"

.fa-tree
  &:before
    content "\f1bb"

.fa-spotify
  &:before
    content "\f1bc"

.fa-deviantart
  &:before
    content "\f1bd"

.fa-soundcloud
  &:before
    content "\f1be"

.fa-database
  &:before
    content "\f1c0"

.fa-file-pdf-o
  &:before
    content "\f1c1"

.fa-file-word-o
  &:before
    content "\f1c2"

.fa-file-excel-o
  &:before
    content "\f1c3"

.fa-file-powerpoint-o
  &:before
    content "\f1c4"

.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before
  content "\f1c5"

.fa-file-zip-o:before,.fa-file-archive-o:before
  content "\f1c6"

.fa-file-sound-o:before,.fa-file-audio-o:before
  content "\f1c7"

.fa-file-movie-o:before,.fa-file-video-o:before
  content "\f1c8"

.fa-file-code-o
  &:before
    content "\f1c9"

.fa-vine
  &:before
    content "\f1ca"

.fa-codepen
  &:before
    content "\f1cb"

.fa-jsfiddle
  &:before
    content "\f1cc"

.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before
  content "\f1cd"

.fa-circle-o-notch
  &:before
    content "\f1ce"

.fa-ra:before,.fa-rebel:before
  content "\f1d0"

.fa-ge:before,.fa-empire:before
  content "\f1d1"

.fa-git-square
  &:before
    content "\f1d2"

.fa-git
  &:before
    content "\f1d3"

.fa-hacker-news
  &:before
    content "\f1d4"

.fa-tencent-weibo
  &:before
    content "\f1d5"

.fa-qq
  &:before
    content "\f1d6"

.fa-wechat:before,.fa-weixin:before
  content "\f1d7"

.fa-send:before,.fa-paper-plane:before
  content "\f1d8"

.fa-send-o:before,.fa-paper-plane-o:before
  content "\f1d9"

.fa-history
  &:before
    content "\f1da"

.fa-circle-thin
  &:before
    content "\f1db"

.fa-header
  &:before
    content "\f1dc"

.fa-paragraph
  &:before
    content "\f1dd"

.fa-sliders
  &:before
    content "\f1de"

.fa-share-alt
  &:before
    content "\f1e0"

.fa-share-alt-square
  &:before
    content "\f1e1"

.fa-bomb
  &:before
    content "\f1e2"

.fa-soccer-ball-o:before,.fa-futbol-o:before
  content "\f1e3"

.fa-tty
  &:before
    content "\f1e4"

.fa-binoculars
  &:before
    content "\f1e5"

.fa-plug
  &:before
    content "\f1e6"

.fa-slideshare
  &:before
    content "\f1e7"

.fa-twitch
  &:before
    content "\f1e8"

.fa-yelp
  &:before
    content "\f1e9"

.fa-newspaper-o
  &:before
    content "\f1ea"

.fa-wifi
  &:before
    content "\f1eb"

.fa-calculator
  &:before
    content "\f1ec"

.fa-paypal
  &:before
    content "\f1ed"

.fa-google-wallet
  &:before
    content "\f1ee"

.fa-cc-visa
  &:before
    content "\f1f0"

.fa-cc-mastercard
  &:before
    content "\f1f1"

.fa-cc-discover
  &:before
    content "\f1f2"

.fa-cc-amex
  &:before
    content "\f1f3"

.fa-cc-paypal
  &:before
    content "\f1f4"

.fa-cc-stripe
  &:before
    content "\f1f5"

.fa-bell-slash
  &:before
    content "\f1f6"

.fa-bell-slash-o
  &:before
    content "\f1f7"

.fa-trash
  &:before
    content "\f1f8"

.fa-copyright
  &:before
    content "\f1f9"

.fa-at
  &:before
    content "\f1fa"

.fa-eyedropper
  &:before
    content "\f1fb"

.fa-paint-brush
  &:before
    content "\f1fc"

.fa-birthday-cake
  &:before
    content "\f1fd"

.fa-area-chart
  &:before
    content "\f1fe"

.fa-pie-chart
  &:before
    content "\f200"

.fa-line-chart
  &:before
    content "\f201"

.fa-lastfm
  &:before
    content "\f202"

.fa-lastfm-square
  &:before
    content "\f203"

.fa-toggle-off
  &:before
    content "\f204"

.fa-toggle-on
  &:before
    content "\f205"

.fa-bicycle
  &:before
    content "\f206"

.fa-bus
  &:before
    content "\f207"

.fa-ioxhost
  &:before
    content "\f208"

.fa-angellist
  &:before
    content "\f209"

.fa-cc
  &:before
    content "\f20a"

.fa-shekel:before,.fa-sheqel:before,.fa-ils:before
  content "\f20b"

.fa-meanpath
  &:before
    content "\f20c"

.main,
.container > header
  margin 0 auto

.container
  height 100%
  & > header
    padding-top 20px
    padding-bottom 20px
    text-align center
    h1
      font-size 2.625em
      line-height 1.3
      margin 0
      font-weight 300
    span
      display block
      font-size 60%
      opacity 0.3
      padding 0 0 0.6em 0.1em

.main
  width 100%
  height 100%
  overflow hidden

.demo-scroll
  overflow-y scroll
  width 100%
  height 100%

.column
  float left
  width 50%
  padding 0 2em
  min-height 300px
  position relative
  &:nth-child(2)
    box-shadow -1px 0 0 rgba(0,0,0,0.1)
  p
    font-weight 300
    font-size 2em
    padding 0
    margin 0
    text-align right
    line-height 1.5

.htmleaf-top
  text-transform uppercase
  width 100%
  font-size 0.69em
  line-height 2.2
  a
    padding 0 1em
    letter-spacing 0.1em
    color #888
    display inline-block
    &:hover
      background rgba(255,255,255,0.95)
      color #333
  span
    &.right
      float right
      a
        float left
        display block

.htmleaf-icon
  &:before
    font-family 'codropsicons'
    margin 0 4px
    speak none
    font-style normal
    font-weight normal
    font-variant normal
    text-transform none
    line-height 1
    -webkit-font-smoothing antialiased

.htmleaf-demos
  padding-top 1em
  font-size 0.9em
  a
    display inline-block
    margin 0.2em
    padding 0.45em 1em
    background #999
    color #fff
    font-weight 700
    border-radius 2px

.htmleaf-demos a:hover,
.htmleaf-demos a.current-demo,
.htmleaf-demos a.current-demo:hover
  opacity 0.6

.htmleaf-nav
  text-align center
  a
    display inline-block
    margin 20px auto
    padding 0.3em

.bb-custom-wrapper
  width 420px
  position relative
  margin 0 auto 40px
  text-align center

.demo-1
  body
    color #87968e
  a
    color #72b890
  .htmleaf-demos
    a
      color #fff

.related
  color #fff
  background #333
  text-align center
  font-size 1.25em
  padding 3em 0
  overflow hidden
  a
    display inline-block
    text-align left
    margin 20px auto
    padding 10px 20px
    opacity 0.8
    -webkit-transition opacity 0.3s
    transition opacity 0.3s
    -webkit-backface-visibility hidden
    img
      max-width 100%
    h3
      font-weight 300
      margin-top 0.15em
      color #fff

.related a:hover,
.related a:active
  opacity 1

.topnav
  width 213px
  padding 40px 28px 25px 0


ul
  &.topnav
    padding 0
    margin 0
    font-size 1em
    line-height 0.5em
    list-style none
    strong
      &:hover
        background-color #F2F2F2
    li
      a
        &:hover
          color: color-link-hover
    ul
      margin 0
      padding 0
      display none
      li
        margin 0
        padding 0
        font-size 15px
        font-weight normal
        clear both
        a
          padding 5px
          font-size 14px
          font-weight normal
          outline 0
          color: #000
          &:hover
            color: color-link-hover
      ul
        li
          a
            color #000
            padding-left 30px

    span
      float right


  ul
    &.topnav
      li
        a
          line-height 10px
          font-size 11px
          padding 10px 5px
          color #000
          display block
          text-decoration none
          font-weight bolder

@media screen and (max-width: 40em)
  .htmleaf-icon
    span
      display none
    &:before
      font-size 160%
      line-height 2

@media screen and (max-width: 46.0625em)
  .column
    width 100%
    min-width auto
    min-height auto
    padding 1em
    p
      text-align left
      font-size 1.5em
    &:nth-child(2)
      box-shadow 0 -1px 0 rgba(0,0,0,0.1)

@media screen and (max-width: 25em)
  .htmleaf-icon
    span
      display none
